{% spaceless %}
{% html.doctype "html5" %}
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>{{ title }}</title>
    {% if styles %}
        {% asset.css styles %}
    {% endif %}
    <script>
        var app = {% autoescape false %}{{ app }}{% endautoescape %};
    </script>
</head>
<body>
    <header class="base">
        <nav class="user">
            <ul>
            {% if logged_in %}
                <li>{% html.anchor "users/settings", "Settings", {"class": "ajaxy-page"} %}</li>
                <li>{% html.anchor "users/logout", "Logout" %}</li>
            {% else %}
                <li>{% html.anchor "users/login", "Login" %}</li>
                <li>{% html.anchor "users/signup", "Sign Up" %}</li>
            {% endif %}
            </ul>
        </nav>
        <h1 class="logo">
            {% html.anchor "", "Kingdom of Andrada" %}
        </h1>
        <nav class="base">
            <ul>
                <li class="current">{% html.anchor "/news", "Вести", {"class": "ajaxy-page"} %}</li>
                <li>{% html.anchor "laws", "Закон", {"class": "ajaxy-page"} %}</li>
                <li>{% html.anchor "vault", "Хранилище", {"class": "ajaxy-page"} %}</li>
                <li>{% html.anchor "kingdom", "Царство", {"class": "ajaxy-page"} %}</li>
                <li>{% html.anchor "community", "Community", {"class": "ajaxy-page"} %}</li>
            </ul>
        </nav>
    </header>
    <div class="content">
        {% block content %}{% endblock %}
    </div>
    {% if scripts %}
        {% asset.js scripts %}
    {% endif %}
    {% block jscript %}{% endblock %}
</body>
</html>
{% endspaceless %}